<!--/**
 * Plugin Name: 论坛展示型app
 * Description: uloug.com To develop and share! Please keep the copyright information!
 * Author: 拾讯网
 * Author URI: http://www.uloug.com
 * Version: 1.0
 * Plugin URI: https://git.oschina.net/858598758/apicloud.mao10.app.demo.git
 * License: GPL2+
 */-->
<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
		<style>
			/*图片*/
			.slider {
				margin-bottom: 0;
			}
			.slider img {
				width: 100%;
				height: 120px;
				display: inherit;
			}
			/*四列*/
			.aui-grid-sixteen:after {
				border: none;
			}
			.aui-grid-sixteen li:after {
				border: none;
			}
			.aui-grid-sixteen li .aui-iconfont {
				color: #ffffff;
				width: 38px;
				height: 38px;
				line-height: 38px;
				border-radius: 50%;
				font-size: 20px;
			}
			/*热门商品*/
			.aui-content.box {
				background: #fff;
			}
			.box {
				/*padding-top: 15px;*/
			}
			.box-title {
				margin: 15px 10px 5px 10px;
				/*margin-bottom: 5px;*/
				height: 20px;
				line-height: 20px;
				border-left: 5px solid #ff9900;
				color: #666;
				font-weight: 700;
				padding-left: 10px;
			}
			.box .aui-list-view {
				margin-bottom: 0;
			}
			.aui-list-view i.aui-iconfont {
				margin-right: 0;
			}
		</style>
	</head>
	<body>
		<div class="aui-content slider">
			<img src="image/d5.png" />
		</div>
		<div class="aui-content">
			<ul class="aui-grid-sixteen">
				<li class="aui-col-xs-3 aui-text-center">
					<span class="aui-iconfont aui-icon-profilefill aui-bg-success"></span>
					<p>
						全部商品
					</p>
				</li>
				<li class="aui-col-xs-3 aui-text-center">
					<span class="aui-iconfont aui-icon-creativefill aui-bg-warning"></span>
					<p>
						积分兑换
					</p>
				</li>
				<li class="aui-col-xs-3 aui-text-center">
					<span class="aui-iconfont aui-icon-apps aui-bg-danger"></span>
					<p>
						新品促销
					</p>
				</li>
				<li class="aui-col-xs-3 aui-text-center">
					<span class="aui-iconfont aui-icon-countdownfill aui-bg-info"></span>
					<p>
						热门推荐
					</p>
				</li>
			</ul>
		</div>
		<div class="aui-content box">
			<div class="aui-line-x"></div>
			<div class="box-title">
				热门商品
			</div>
			<ul class="aui-list-view aui-grid-view">
				<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode onclick="openGoods()">
					<img class="aui-img-object" src="../../image/demo1.png">
					<div class="aui-img-body aui-text-left">
						<!-- 商品名称商品名称商品名称商品名称 -->
						<p>
							<span class="goods-price aui-text-danger">¥<strong>88.88</strong>元</span>
						</p>
					</div>
				</li>
				<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode onclick="openGoods()">
					<img class="aui-img-object" src="../../image/demo5.png">
					<div class="aui-img-body aui-text-left">
						<!-- 商品名称商品名称商品名称商品名称 -->
						<p>
							<span class="goods-price aui-text-danger">¥<strong>88.88</strong>元</span>
						</p>
					</div>
				</li>
				<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode onclick="openGoods()">
					<img class="aui-img-object" src="../../image/demo2.png">
					<div class="aui-img-body aui-text-left">
						<!-- 商品名称商品名称商品名称商品名称 -->
						<p>
							<span class="goods-price aui-text-danger">¥<strong>88.88</strong>元</span>
						</p>
					</div>
				</li>
			</ul>
			<div class="aui-line-x"></div>
		</div>
		<div class="aui-content box">
			<div class="aui-line-x"></div>
			<div class="box-title">
				热门商品
			</div>
			<ul class="aui-list-view aui-grid-view">
				<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode onclick="openGoods()">
					<img class="aui-img-object" src="../../image/demo1.png">
					<div class="aui-img-body aui-text-left">
						<!-- 商品名称商品名称商品名称商品名称 -->
						<p>
							<span class="goods-price aui-text-danger">¥<strong>88.88</strong>元</span>
						</p>
					</div>
				</li>
				<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode onclick="openGoods()">
					<img class="aui-img-object" src="../../image/demo5.png">
					<div class="aui-img-body aui-text-left">
						<!-- 商品名称商品名称商品名称商品名称 -->
						<p>
							<span class="goods-price aui-text-danger">¥<strong>88.88</strong>元</span>
						</p>
					</div>
				</li>
				<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode onclick="openGoods()">
					<img class="aui-img-object" src="../../image/demo2.png">
					<div class="aui-img-body aui-text-left">
						<!-- 商品名称商品名称商品名称商品名称 -->
						<p>
							<span class="goods-price aui-text-danger">¥<strong>88.88</strong>元</span>
						</p>
					</div>
				</li>
			</ul>
			<div class="aui-line-x"></div>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js" ></script>
	<script>
		apiready = function() {
			api.parseTapmode();
		}
		function openGoods(){
        var delay = 0;
        if(api.systemType != 'ios'){
            delay = 300;
        }
        api.openWin({
            name: 'goods_show_win',
            url: 'goods_show_win.html',
            bounces: true,
            delay:delay
        });
    }
	</script>
</html>